<template>
  <div class="JSONEditorView">
    <introduction>
      JsonEditor is base on  <a data-v-dd67f2ea="" href="https://github.com/codemirror/CodeMirror" target="_blank">CodeMirrorr</a> , lint base on json-lint
    </introduction>

    <json-editor class="jsonEditor"></json-editor>
  </div>
</template>

<script>
  import Introduction from '@/components/Introduction'
  import jsonEditor from '@/components/JSONEditor'
  export default {
    name: 'JSONEditorView',
    components:{ Introduction, "json-editor": jsonEditor },
    data () {
      return {
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
  .JSONEditorView{
    .jsonEditor{
      margin-top: 20px;
    }
  }
</style>
